<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=100%, initial-scale=1">
  <title>Dragon & Miao</title>
  <!--字体图标样式-->
  <!-- bootstrap -->
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E" crossorigin="anonymous"> -->
  <link rel="stylesheet" href="css/solid.css">
  <link rel="stylesheet" href="css/fontawesome.css">
  <link rel="icon" type="image/x-icon" href="https://s3.bmp.ovh/imgs/2022/08/25/2b4d68a5fae77a86.png">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="./css/pig.css">
  <script src="js/jquery.min.js" defer=""></script>
  <script src="js/index.js" defer=""></script>
</head>

<body>
  <div id="content">
    <div id="ti">
      <center>Dragon and Miao's Love Shack</center>
    </div>
    <div id="title_Chinese">
      <center><h3>呆呆龙和傻喵儿的爱情小屋</h3></center>
    </div>
    <div class="custom">
      <div class="box">
        <font><span id="runtime_span"></span>
          <script type="text/javascript">function show_runtime() {
              window.setTimeout("show_runtime()", 1000); X = new
                Date("@06/29/2022 06:00:00");
              Y = new Date(); T = (Y.getTime() - X.getTime()); M = 24 * 60 * 60 * 1000;
              a = T / M; A = Math.floor(a); b = (a - A) * 24; B = Math.floor(b); c = (b - B) * 60; C = Math.floor((b - B) * 60); D = Math.floor((c - C) * 60);
              runtime_span.innerHTML = "我们已经相识相爱了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
            } show_runtime();</script>
          <span id="span_dt"></span>
        </font>
      </div>
    </div>
    <div class="box-box">
      <div class="xhjIsPig">
        <img src="./img/pig1.gif" alt="pig1" class="pig1">
        <img src="./img/pig2.gif" alt="pig2" class="pig2">
      </div>
      <div class="box">
        ❤️ Love you three thousand times ❤️</div>
    </div>
    <div class="main">
      <div class="main-1">
        <div class="box">
          <img class="img" src="https://s3.bmp.ovh/imgs/2022/08/25/a4eb6c19d0bb6fd9.png">
          <div class="boxbox">
            <center>
              <font class="admin"><i></i>呆呆龙</font>
            </center>
          </div>
        </div>
      </div>
      <div class="main-2">
        <div class="box ju">
          <h4>
            <font class="zuobiao"><i></i>中国 · 山东</font>
            <div>CHINA SHANDONG</div>
          </h4>
        </div>
        <div class="box">
          <font class="newweb"><i></i>愿出一家之言，以结两姓之好!<i></i>
          </font>
        </div>
        <div class="box ">你好，能不能借一生说话🎉
        </div>
      </div>
    </div>
    <div class="foot">
      <div class="foot1">
        <font><a href="./love_slides/index.html" target="_blank"><i></i>告白</a></font>
        <!-- <font><a href="./love_letter/index.html" target="_blank"><i></i>情书</a></font> -->
        <font><a href="./love_song/index.html" target="_blank"><i></i>情歌</a></font>
        <font><a href="./wa/zhl-2.html" target="_blank"><i></i>情话</a></font>
      </div>
      </br>
      <div class="foot2">
        <font><a href="./fireworks/index.html" target="_blank"><i></i>烟花</a></font>
        <font><a href="./xc/index.html" target="_blank"><i></i>相册</a></font>
        <font><a href="./jl/demo.html" target="_blank"><i></i>记录</a></font>
        <!-- <div class="dropdown">
          <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-expanded="false">
            Dropdown link
          </a>
        
          <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
          </div>
        </div> -->
        <!-- <font><a href="https://sunguoqi.com/about/" target="_blank"><i></i>关于我</a></font>
        <font><a href="https://sunguoqi.com/comments/" target="_blank"><i></i>留言板</a></font> -->
      </div>
    </div>
    <div class="main">
      <div class="main-1">
        <div class="box">
          <img class="img" src="https://s3.bmp.ovh/imgs/2022/08/25/a101cb069cd292b9.png">
          <div class="boxbox">
            <center>
              <font class="admin"><i></i>傻喵儿</font>
            </center>
          </div>
        </div>
      </div>
      <div class="main-2">
        <div class="box ju">
          <h4>
            <font class="zuobiao"><i></i>中国 · 山东</font>
            <div>CHINA SHANDONG</div>
          </h4>
        </div>
        <div class="box">
          <font class="newweb"><i></i>但愿我和你，是一支唱不完的歌。<i></i>
          </font>
        </div>
        <div class="box">遇见你是所有故事的开始🎉</div>
      </div>
    </div>

    <div class="footer">

      <br><b>Copyright © 2022 By Dragon Liu</b><br>
    </div>
    <!-- <audio autoplay>
      <source src="https://api.uomg.com/api/rand.music?sort=热歌榜" type="audio/mpeg">
    </audio> -->

      <!-- bootstrap -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-IjeXbuVdL81ilB5LykkImU8JN0WPja/i9uZAt2qjo2TnYk9NJ2MPfN3vzMH0R8n3" crossorigin="anonymous"></script>
</body>

</html>